<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Voyager Backend - Interest Management</title>
<script type="text/javascript" src="../lib/angular/angular.min.js"></script>
<script src="http://code.angularjs.org/1.2.1/angular-route.min.js"></script>
<link rel="stylesheet" type="text/css" href="../app/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
	href="../app/css/bootstrap-responsive.min.css">
<link rel="stylesheet" type="text/css" href="../app/css/main.css">
<link rel="stylesheet" type="text/css"
	href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
</head>
<body ng-app="myApp">


		<div class="container">
			<div class="main row">
				<div class="col-xs-3" ng-controller="homeCtrl">
					<ul class="list-group">
						<li class="list-group-item"><a href="#/home"> <span
								class="glyphicon glyphicon-home"></span></a></li>

						<li ng-repeat="item in menu" class="list-group-item"><a
							href="{{item.href}}"> {{item.link}}</a></li>
                        <li class="list-group-item"><a href="#" ng-click="logout()"> <span
								class="glyphicon glyphicon-log-out"></span></a></li>

					</ul>
				</div>
				<div class="col-xs-9 panel panel-default" ng-controller="interestCtrl" data-ng-init="init()">
					<div ng-show="list_group_visible(1)">
						<caption>
							<h1>List of interests</h1>
						</caption>
						<div class="form-group">
							  <div class="col-sm-2" style="padding-left:0px;">
								<a href="#/interest_detail/0"> <span
													class="btn btn-success">Add an interest</span>
								</a>
							 </div>
							 <div class="col-sm-10" style="padding-left:0px;">
							 </div>
						</div>
						</br>
						</br>
						<div class="form-group">
						    <div class="col-sm-2" style="padding-left:0px;">Search interest :</div>
							<div class="col-sm-10" style="padding-left:0px;"><input type="text" ng-model="search1" ng-change="filter_group()"
										 placeholder="Search"></div>
						 </div>
						 
                         <div class="col-sm-2" style="padding-left:0px;">Filter interest :</div>
                        <div class="col-sm-10" style="padding-left:0px;">
                        
                           <select ng-model="filter" ng-init="filter = filter_interest[0]"
									ng-options="c.interest for c in filter_interest" ng-change="change()">
										
								</select>
					    </div>
                      <!--  <table border="0">
							<tr>
								<td>Search group : </td>
								<td> <input type="text" ng-model="search1" ng-change="filter_group()"
									 placeholder="Search"></td>
							</tr>
						</table>  -->

						<table class="table table-striped">

							<thead>
								<tr>
									<th>Name</th>
								    <th>Edit</th>
									<th>Remove</th>
								</tr>
							</thead>
							<tbody>
							   <!-- <tr ng-repeat="v in a | filter:search1" ng-click="group_go(v[7],0)" class="tr"> -->
								<tr ng-repeat="v in filtered = (a | filter:search1 ) |  startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit"  class="tr">
									<td>{{v[0]}}</td>
									
                                   
									<!-- 	<td>{{v[6]}}</td>   ng-click="group_go(v[0],0,1,0)"-->
									<td><a href="#/interest_detail/{{v[1]}}" ng-show="visible_most"> <span
											class="glyphicon glyphicon-edit"></span></td>
									<td><a href="#/interest" ng-show="visible_most"> <span
											class="glyphicon glyphicon-remove-sign" confirmed-click="del(v[1])" ng-confirm-click="Would you like to delete this interest?"></span></td>
								</tr>

							</tbody>
						</table>

						<div ng-show="visible_most">

							<nav>
								<ul class="pager">
									<li ng-hide="disablePrev" id="nav"><a href="#/interest"
										ng-click="previousPage()">Previous</a></li>
									<li ng-hide="disableNext" id="nav1"><a href="#/interest"
										ng-click="nextPage()">Next</a></li>
								</ul>
							</nav>

						</div>
                          


					</div>


					


                   
                    
                   
				</div>




			</div>
		</div>

</body>
</html>